<template>
    <div id="word">
       <router-link to="/new/word/word" id="one" v-show="word">
            您有
            <span>{{word}}</span>
            条提醒
       </router-link>
    </div>
</template>

<script>
import {mapState} from 'vuex'
export default {
    computed:{
        ...mapState([
            "word"
        ])
    }
}
</script>

<style scoped>
#word{
    text-align: center;
}
#one{
    display: inline-block;
    height: 34px;
    background-color: #FCE473;
    width: 80%;
    margin: 0 auto;
    border-radius: 4px;
    color: #867A42;
    line-height: 34px;
}
#one span{
    color: blue;
}
</style>